<section [ngStyle]="tagData.cssStyle|styleFilter" class="sectionBg"
  [ngClass]="{'sectionBg2': tagData.name!=='appAddressListTag'}">

  <ng-container *ngFor="let item of tagData.data.data, let dataIndex = index">
    <div id="shopAddressList{{dataIndex}}" class="information" [ngStyle]="item.singleBox?.cssStyle|styleFilter">
      <div class="informationMessage" [ngClass]="{'informationMessage2': tagData.name!=='appAddressListTag'}"
        *ngIf="item.firstRowLeft!==undefined" appDebounceClick (debounceClick)="go(item,$event)" [ngStyle]="item.innerBox?.cssStyle|styleFilter">
        <div class="betweenBox 1">
          <!-- class leftBox 直租直售服务店 -->
          <ng-container *ngIf="item.secondRowContent===undefined">
            <div class="leftBox">
              <div class="titleBox">
                <span class="title" *ngIf="item.firstRowLeft?.firstText?.label"
                  [ngStyle]="item.firstRowLeft?.firstText?.cssStyle|styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
                <span class="distance" *ngIf="item.firstRowLeft?.secondText?.label"
                  [ngStyle]="item.firstRowLeft?.secondText?.cssStyle|styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
                <span class="distance" *ngIf="item.location"
                  [ngStyle]="item.firstRowLeft?.secondText?.cssStyle|styleFilter">{{item.location}}</span>
              </div>
              <p class="address" *ngIf="item.secondRowLeft?.firstText?.label"
                [ngStyle]="item.secondRowLeft?.firstText?.cssStyle|styleFilter">{{item.secondRowLeft?.firstText?.label}}
              </p>
            </div>
          </ng-container>
          <!-- class customerBox 直租直售客服 -->
          <ng-container *ngIf="item.secondRowContent!==undefined">
            <div class="customerBox">
              <img *ngIf="item.img?.imgUrl?.label" [src]="item.img?.imgUrl?.label"
                onerror="this.src='assets/img/head.png'" class="avatarIcon" />
              <div class="innerBox">
                <div class="titleBox2">
                  <p class="title2" *ngIf="item.firstRowLeft?.firstText?.label"
                    [ngStyle]="item.firstRowLeft?.firstText?.cssStyle|styleFilter">
                    {{item.firstRowLeft?.firstText?.label}}</p>
                  <span class="titleTag" *ngIf="item.firstRowLeft?.secondText?.label"
                    [ngStyle]="item.firstRowLeft?.secondText?.cssStyle|styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
                </div>
                <div class="detailBox2">
                  <p class="detialTitle" *ngIf="item.secondRowContent?.label1?.firstRowLeft.firstText?.label"
                    [ngStyle]="item.secondRowContent?.label1?.firstRowLeft?.firstText.cssStyle|styleFilter">
                    {{item.secondRowContent?.label1?.firstRowLeft.firstText?.label}}
                    <span class="statusLabel" *ngIf="item.secondRowContent?.label1?.secondRowLeft.firstText"
                      [ngStyle]="item.secondRowContent?.label1?.secondRowLeft.firstText?.cssStyle|styleFilter">{{item.secondRowContent?.label1?.secondRowLeft.firstText}}</span>
                  </p>
                  <div class="divideDic" *ngIf="item.secondRowContent?.label2?.firstRowLeft.firstText?.label"></div>
                  <p class="detialTitle" *ngIf="item.secondRowContent?.label2?.firstRowLeft.firstText?.label"
                    [ngStyle]="item.secondRowContent?.label2?.firstRowLeft?.firstText.cssStyle|styleFilter">
                    {{item.secondRowContent?.label2?.firstRowLeft.firstText?.label}}
                    <span class="statusLabel" *ngIf="item.secondRowContent?.label2?.secondRowLeft.firstText"
                      [ngStyle]="item.secondRowContent?.label2?.secondRowLeft.firstText?.cssStyle|styleFilter">{{item.secondRowContent?.label2?.secondRowLeft.firstText}}</span>
                  </p>
                </div>
              </div>

              <!-- <div class="titleBox">
              <span class="title" *ngIf="item.firstRowLeft?.firstText?.label"
                [ngStyle]="item.firstRowLeft?.firstText?.cssStyle|styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
              <span class="distance" *ngIf="item.firstRowLeft?.secondText?.label"
                [ngStyle]="item.firstRowLeft?.secondText?.cssStyle|styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
            </div> -->
              <!-- <p class="address" *ngIf="item.secondRowLeft?.firstText?.label"
              [ngStyle]="item.secondRowLeft?.firstText?.cssStyle|styleFilter">{{item.secondRowLeft?.firstText?.label}}
            </p> -->
            </div>
          </ng-container>
          <div class="rightBox">
            <img *ngIf="item.secondRowRight?.firstButton?.imgUrl" [src]="item.secondRowRight?.firstButton?.imgUrl"
              onerror="this.src='assets/fw/expert_icon_chat_location.png'"
              [ngStyle]="item.secondRowRight?.firstButton?.cssStyle|styleFilter" class="iconButton"
              appDebounceClick (debounceClick)="go(item.secondRowRight.firstButton,$event)" />
            <img *ngIf="item.secondRowRight?.secondButton?.imgUrl" [src]="item.secondRowRight?.secondButton?.imgUrl"
              onerror="this.src='assets/fw/expert_icon_phone2@3x.png'"
              [ngStyle]="item.secondRowRight?.secondButton?.cssStyle|styleFilter" class="iconButton margin1"
              appDebounceClick (debounceClick)="go(item.secondRowRight.secondButton,$event)" />
          </div>
        </div>
        <!-- 服务店数量 直租直售服务店 -->
        <div class="serviceBox 2" *ngIf="item.thirdRowLeft">
          <ng-container *ngFor="let subItem of item.thirdRowLeft">
            <div class="singleBox">
              <div class="serviceNumber">
                <span class="title" *ngIf="subItem.firstRowLeft?.firstText?.label"
                  [ngStyle]="subItem.firstRowLeft?.firstText?.cssStyle|styleFilter">{{subItem.firstRowLeft?.firstText?.label}}</span>
                <span class="title" *ngIf="subItem.firstRowLeft?.secondText?.label"
                  [ngStyle]="subItem.firstRowLeft?.secondText?.cssStyle|styleFilter">{{subItem.firstRowLeft?.secondText?.label}}</span>
              </div>
              <span class="status" *ngIf="subItem.secondRowLeft?.firstText"
                [ngStyle]="subItem.secondRowLeft?.cssStyle|styleFilter">{{subItem.secondRowLeft?.firstText}}</span>
            </div>
          </ng-container>
        </div>
      </div>
    </div>

  </ng-container>




  <div class="noData" *ngIf="tagData.hint!==''&&(tagData.data.data.length === 0)||( !tagData.data.data)">
    <span class="noData-span">{{tagData.hint}}</span>
  </div>
  <ion-infinite-scroll *ngIf="tagData.data.submit" threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>